@import './breakpoints.css';
@import './colors/index.css';

@theme {
	/** font family */
	--font-inter: 'Inter', 'sans-serif';

	/** font size */
	--text-xs: 0.75rem; /* 12px */

	/* z-index */
	--z-index-px: 1;
	--z-index-header: 50;
	--z-index-modal: 80;
	--z-index-popup: 120;
	--z-index-overlay: 150;
	--z-index-notification: 300;

	/* border radius */
	--radius-inherit: inherit;
	--radius-full: calc(infinity * 1px);

	/* miscellaneous */
	--leading-unset: unset;

	/* spacing */
	--spacing: 0.25rem;
}
